.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

// 页面进度条样式
.bar {
  height: 2px;
  background: var(--clr-primary);
  border-radius: 3px;
}

// // 应用于transition 动画
// .app-enter-active,
// .app-leave-active {
//   transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
// }

// .app-enter-from {
//   transform: translate(-90px, 0);
//   opacity: 0;
// }

// .app-leave-to {
//   transform: translate(90px, 0);
//   opacity: 0;
// }

.border {
  @apply border-1 border-solid border-default;
}
